<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XiaoMi MIX4</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./common.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="top">
        <div class="container">
            <div class="link">
                <a href="#">小米商城</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">MIUI</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">IOT</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">云服务</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">天星数科</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">有品</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">小爱开放平台</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">企业团购</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">资质证照</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">协议规则</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">下载app</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">智能生活</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#"> Select Location</a>
            </div>
            <div class="login">
                <span>icon 购物车（0）</span>
                <div class="dilog"></div>
            </div>
            <div class="shop_car">
                <a href="#">登录</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">注册</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">消息通知</a>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 导航开始 -->
    <div class="nav">
        <div class="container">
            <div class="logo">MI</div>
            <div class="header_nav">
                <ul>
                    <li>全部商品分类</li>
                    <li>小米手机</li>
                    <li>Redmi红米</li>
                    <li>电视</li>
                    <li>笔记本</li>
                    <li>家电</li>
                    <li>路由器</li>
                    <li>智能硬件</li>
                    <li>服务</li>
                    <li>社区</li>
                    <div class="nav_dilog">

                    </div>
                </ul>
            </div>
            <div class="search">
                <input type="text" placeholder="耳机">
            </div>
        </div>
    </div>
    <!-- 导航结束 -->
    <!-- 广告开始 -->
    <div class="guanggao">
        <div class="container">
            <div class="left">
                <h2>Xiaomi MIX 4</h2>
                <span>|</span>
                <p> MIX FOLD 小米折叠屏手机</p>
            </div>
            <div class="right">
                <a href="#">概述页</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">参数页</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">F码通道</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">咨询客服</a> &nbsp;
                <span>|</span> &nbsp;
                <a href="#">用户评价</a>
                <a href="#">立即购买</a>
            </div>
        </div>
    </div>
    <!-- 广告结束 -->
    <!-- 小米mix4开始 -->
    <div class="mix"></div>
    <!-- 小米mix4结束 -->
</body>

</html>